<template>
    <van-nav-bar title="地址" left-text="" left-arrow @click-left="goBack" />
    <div id="container"></div>
</template>

<script setup>
import AMapLoader from '@amap/amap-jsapi-loader';
const { proxy } = getCurrentInstance()
const goBack = () => { proxy.$router.push('/')}
let map = null;

onMounted(() => {
 window._AMapSecurityConfig = {
   securityJsCode: "7e3858c90f2f724462f4ac11a99bd52a",
 };
 AMapLoader.load({
   key: "1c6240cb52400f50e502025bc3cbab81", // 申请好的Web端开发者Key，首次调用 load 时必填
   version: "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
   plugins: ["AMap.Scale"], //需要使用的的插件列表，如比例尺'AMap.Scale'，支持添加多个如：['...','...']
 })
   .then((AMap) => {
     map = new AMap.Map("container", {
       // 设置地图容器id
       viewMode: "3D", // 是否为3D地图模式
       zoom: 11, // 初始化地图级别
       center: [113.319836, 23.129408], // 初始化地图中心点位置
     });
   })
   .catch((e) => {
     console.log(e);
   });
})
</script>

<style scoped>
#container {
  width: 500px;
  height: 500px;
}
</style>